body{
	background-color : #000000;
	color : #FFFFFF;
}

#content{
	margin : auto;
	width : 1000px;
}

#header{
	width : 985px;
	height : 45px;
	background-color : #333333;
	padding-left : 15px;
	padding-top : 5px;
	z-index:1;
}

#footer{
	width : 985px;
	height : 35px;
	background-color : #333333;
	padding-left : 15px;
	padding-top : 5px;
}


/* --------------------------- PHOTO GRID STUFF ------------------------- */
#gridContainer { margin-left:20px; }
#gridColumn{  width : 190px ; float : left;}
.gridElement{ position:relative; margin:10px; margin-bottom:20px;cursor:pointer; }
.gridPhoto{ position:absolute;z-index:1; }
.gridPhoto img {position:absolute; border:1px solid #737373;}
.gridInfo { position:absolute;opacity:0;z-index:2; }
.gridInfo .whiteBorder { position:absolute;z-index:1; border:2px solid white; width:169px; }
.gridInfo .infoBox { position:absolute;  width : 165px; height : 32px; padding-left:7px; padding-top:5px; z-index:2; background-image : url(../images/bg_photoInfo.png);}
.gridInfo .infoTextStyle { color:#000000; font-size:12px; font-family:Century Gothic;line-height:13px; }
#gridTools{ text-align : right; }


/* --------------------------- PHOTO LIGHTBOXS STUFF ------------------------- */
/* the overlayed element */
.apple_overlay {
	display:none;
	background-image:url(../images/nobg.png);
	width:100%;	
	font-size:11px;
	top:0px !important;
	overflow:auto;
	height:100%;
	margin-bottom : 20px;
	margin-top : 10px;
	font-family : Century Gothic;
	font-size:13px;
}

.apple_overlay .content{
	width : 1000px;
	margin:auto;
	text-align:center;
}

.apple_overlay .content .details{
	text-align:left;
	width:750px;
	margin:auto;
	height:auto;
	margin-top:5px;
}
.apple_overlay .content .minimap{ float:left; width:85px; }
.apple_overlay .content .legend{ text-align:justify; width:750px; }
.apple_overlay .content .date{ float:right; font-size:12px; font-style:italic; }
/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/croix.png);
	position:fixed; right:20px; top:20px;
	cursor:pointer;
	height:20px;
	width:20px;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}


.commentaire{
	width:650px;
	margin:auto;
	margin-top:10px;
	font-size:11px;
	background-image:url(../images/commentairesBG.png);
	padding:5px;
}
.commentaireHide{ 
	width:650px;
	margin:auto;
	margin-top:10px;
	font-size:11px;
	background-image:url(../images/commentairesBG.png);
	padding:5px;
	display : none;
}
.avatar{
	float:left;
	width:80px;
	height:80px;
	margin-right:5px;
}
.barreMoreComm{
	cursor:pointer;
	font-size:11px;
	width:650px;
	height:18px;
	margin:auto;
	margin-top:10px;
	background-image:url(../images/commentairesBG.png);
	border:1px solid #333;
	padding-left:5px;
	padding-right:5px;
}

.addComm textarea{
	width:559px;height:73px;font-family:Century Gothic;
}

.addComm .button{
	float:right;width:80px;height;18px;margin-top:5px;cursor:pointer;
}

/*-------------------------- MAP STUFF ---------------------------------- */
#map {height:412px; width:1000px;}
#flashcontent{width:1000px; height:412px;}
